<template>
  <div class="app-container">
    <h1 align="center">石油设备报废管理</h1>
    <hr align="cemter" color="blue" width="100%">
    <form>
      <br>输入设备ID:<input  type="text" name="password">
      <input type="submit" value="查询">
      <input type="reset" value="清空">
      新增设备报废原因:<input type="text" name="username" value="设备报废信息">
    </form>
    <table border="1" width="1300px" color="red" cellpadding="0" cellspacing="0"  >
      <tr>
        <td>code</td>
        <td>category</td>
        <td>name</td>
        <td>no</td>
        <td>area</td>
        <td>state</td>
        <td>SerLimitTime</td>
        <td>startTime</td>
        <td>userManid</td>
        <td>useDesc</td>
        <td>Note</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10051</td>
        <td>03发电机组</td>
        <td>风力发电机组</td>
        <td>1</td>
        <td>0303</td>
        <td>损坏</td>
        <td>2017.05.07</td>
        <td>2021.05.07</td>
        <td>Ency</td>
        <td>3</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10037</td>
        <td>02管道</td>
        <td>连续油管</td>
        <td>1</td>
        <td>0302</td>
        <td>正常</td>
        <td>2017.06.13</td>
        <td>2021.06.13</td>
        <td>Join</td>
        <td>1</td>
        <td>无</td>
      </tr>
      <tr align="center" height="100px" bcolor="yellow">
        <td>10067</td>
        <td>01运输车辆</td>
        <td>油田专用车</td>
        <td>1</td>
        <td>0301</td>
        <td>损坏</td>
        <td>2016.06.01</td>
        <td>2020.06.01</td>
        <td>Tom</td>
        <td>1</td>
        <td>无</td>
      </tr>
    </table>
  </div>
</template>

<script>
  export default {
    name: 'index'
  }
</script>

<style scoped>
  .p li{
    border:1px black solid;
    background-color:#a18cd1;
    font-size:24px;
    width:100px;
    height:40px;
    line-height:40px;
    text-align:center;
    float:left;
  }
  h1{
    align:center;
  }
  .app-container{
    background-image: url(bg2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
</style>
